@charset "utf-8";

.myorder-nav{
    height: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
    .myorder-nav1{
        width: 90px;
        height: 40px;
        float: left;
        text-align: center;
        font-size: 16px;
        line-height: 40px;
        color: #505b63;
        margin-right: 5px;
        position: relative;
        transition: 0.3s;
        cursor: pointer;
        span{
            color: #e60012;
        }
    }
    .myorder-nav1::after{
        position: absolute;
        top: 38px;
        left: 25px;
        content: "";
        width: 39px;
        border-bottom: 2px solid #e60012;
        transform: scaleX(0);
        transition: 0.3s;
    }
    .myorder-nav1:hover{
        color: #e60012;
    }
    .myorder-nav1:hover::after{
        transform: scaleX(1.5);
    }
    
}
.myorder-content{
    width: 770px;
    margin-bottom: 68px;
    .myorder-content-title{
        box-sizing: border-box;
        border: 1px solid #e7e7e7;
        border-bottom: none;
        background: #f8f8f8;
        width: 100%;
        height: 47px;
        border-radius: 5px 5px 0 0;
        font-size: 13px;
        color: #99999a;
        line-height: 45px;
        span:nth-of-type(1){
            margin-left: 18%;
        }
        span:nth-of-type(2){
            margin-left: 21%;
        }
        span:nth-of-type(3){
            margin-left: 4.17%;
        }
        span:nth-of-type(4){
            margin-left: 3.39%;
        }
        span:nth-of-type(5){
            margin-left: 3.78%;
        }
        span:nth-of-type(6){
            margin-left: 5.73%;
        }
        span:nth-of-type(7){
            margin-left: 4.69%;
        }
    }
}
.myorder-content-item{
    box-sizing: border-box;
    height: 188px;
    width: 770px;
    border: 1px solid #e7e7e7;
    margin-bottom: 12px;
    .myorder-content-item-title{
        height: 40px;
        width: 100%;
        font-size: 13px;
        line-height: 40px;
        color: #444f58;
        a{
            color: #444f58;
        }
        a:hover{
            color: #eb413d;
            text-decoration: underline;
        }
        img{
            margin-bottom: -5px;
            margin-right: 8px;
        }
        span:nth-of-type(1){
            margin-left: 3%;
        }
        span:nth-of-type(2){
            margin-left: 5.49%;
        }
        span:nth-of-type(3){
            margin-left: 9.76%;
        }
        .myorder-shanchu{
            margin-right: 10px;
            cursor: pointer;
        }
    }
    .myorder-content-item-content{
        box-sizing: border-box;
        width: 100%;
        height: 146px;
        border-top: 1px solid #e7e7e7;
        font-size: 13px;
        color: #878787;
        a{
            color: #878787;
        }
        a:hover{
            color: #e60012;
            text-decoration: underline;
        }
        
        .myorder-content-item-content-1{
            box-sizing: border-box;
            width: 511px;
            height: 145px;
            padding-top: 19px;
            float: left;
            .myorder-content-item-content-1-pic{
                width: 62px;
                height: 83px;
                overflow: hidden;
                margin-top: 9px;
                margin-right: 27px;
                margin-left: 43px;
                float: left;
            }
            .myorder-content-item-content-1-pic:hover{
           animation:xie 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;

            }
            .myorder-content-item-content-1-table{
                float: left;
                text-align: justify;
                line-height: 24px;
                td{
                    vertical-align: top;
                    
                }
            }
        }
        .myorder-content-item-content-2{
            box-sizing: border-box;
            height: 145px;
            border-left: 1px solid #e7e7e7;
            float: left;
            text-align: center;
            padding-top: 22px;
        }
        .myorder2-2{
            width: 72px;
            color: #444f58;
        }
        .myorder2-3{
            width: 98px;
            p{
                margin-bottom: 6px;
                a{
                    color: #444f58;
                }
                a:hover{
                    color: #e60012;
                }
            }
            
                
            
            p.liu{
                box-sizing: border-box;
                width: 20px;
                margin: 0 auto 6px;
                height: 18px;
                color: #e81020;
                border: 1px solid #f7b3b1;
                background: #fdeceb;
            }
            
        }
        .myorder2-4{
            width: 87px;
           
            input[type="button"]{
                width: 74px;
                height: 28px;
                background: #e60012;
                border-radius: 14px;
                color: #FFFFFF;
                 margin: 0;
                 margin-bottom: 12px;
            }
            p{
                margin-bottom: 12px;
                line-height: 13px;
                cursor: pointer;
                a{
                    color: #444f58;
                }
                a:hover{
                    color: #e60012;
                }  
                img{
                    margin-bottom: -2px;
                    margin-right: 4px;
                } 
                span{
                    color: #eb413d;
                }
            }
        }
    }
}